<template>
  <div>
     
    <div  >
      <!-- 使用v-html指令渲染responseData中的HTML代码 -->
      <div  v-com="responseData"> <my-vue-element></my-vue-element></div>
    </div>
    abc
  </div>
</template>

<script setup>
import { ref, watch, createApp,h,defineCustomElement, defineComponent} from 'vue';

 
const responseData = ref("<button @click='doit'>单击a</button>");
let vCom  = {
  // 在绑定元素的 attribute 前
  // 或事件监听器应用前调用
  mounted(el, binding, vnode, prevVnode) {
    // 下面会介绍各个参数的细节
    console.log( el, binding, vnode, prevVnode)
    // el.innerHTML =binding.value; 
    const myel = defineComponent({
      template:"<div>base</div>"
     })
     h(myel).mount(el);
     console.log();
}
}
 
 

     
    // 点击按钮执行的方法
    const doit = () => {
      // 这是你想要在点击按钮时执行的方法
      console.log("按钮被点击了！");
    };
 
     
 
</script>
